const theme = {
  background: {
    primaryColor: "#ff385c",
    secondaryColor: "#00848A"
  },
  text: {
    primaryColor: "#96AFD5",
    secondaryColor: "#222",
    threeColor: '#fff'
  },
  border: {
    primaryColor: "#ddd",
  },
  mixin: {
    boxShadow: `
      cursor: pointer;
      transition: box-shadow 200ms ease;
      &:hover {
        box-shadow: 0 2px 10px rgba(0,0,0,.18);
      }
    `,
    contentCenter: `
      display: flex;
      justify-content: center;
      align-items:center;
    `,
    ellipsisLine1: `
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 1;
    -moz-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    overflow: hidden;
    `
    ,
    ellipsisLine2: `
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    overflow: hidden;
    `
  }

}

const antdTheme = {
  Modal: {
    titleColor: "#FFFFFF"
  },
  Pagination: {
    itemSize: 16,
    itemSizeSM: 16,
  },
  Table: {
  },
  Descriptions: {
    itemPaddingBottom: 0,
    titleMarginBottom: 12,
    titleColor: "rgba(255, 255, 255, 0.1)"
  },
}

export default theme
export {
  antdTheme
}